<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<link rel="stylesheet" href="layui/css/layui.css">
		<script type="text/javascript" src="layui/layui.all.js"></script>
		<title>个人简历</title>
	</head>
	<body>
		<!--<ul class="layui-nav">
			<li class="layui-nav-item">个人信息</li>
		</ul>-->
		<br>
		<!-- div+CSS -->
		<!--<div class="layui-container">-->
			<div class="layui-row layui-col-space10">

				<div class="layui-col-md3">
					<!-- 个人信息 -->
					<div class="layui-card">
						<div class="layui-card-header layui-bg-gray">
							<span class="layui-icon layui-icon-about"></span>个人信息
						</div>
						<div class="layui-card-body" align="center">
							<img src="img/u=3191989185,3824618349&fm=26&gp=0.jpg" class="layui-circle" style="width:150px;height:150px;"><br>
							<label class="layui-bg-black" style="font-size:20px;padding-right=:20px;"><code>林更新</code></label>
							<div align="left">
								<span class="layui-icon layui-icon-lcation"></span>中国<br>
								<span class="layui-icon layui-icon-home"></span>天津市<br>
								<span class="layui-icon layui-icon-date"></span>2019.11.19<br>
								<span class="layui-icon layui-icon-cellphone"></span>13838383838<br>
								<span class="layui-icon layui-icon-template"></span>123456@qq.com<br>
							</div>
						</div>
					</div>
					<!-- 技术能力 -->
					<div class="layui-card">
						<div class="layui-card-header layui-bg-orange">
							<span class="layui-icon layui-icon-speaker"></span>技术能力
						</div>
						<div class="layui-card-body">
							HTML5:
							<div class="layui-progress layui-progress-big" lay-showPercent="true">
								<div class="layui-progress-bar layui-bg-blue" lay-percent="80%"></div>
							</div>
							IOS:
							<div class="layui-progress layui-progress-big" lay-showPercent="true">
								<div class="layui-progress-bar layui-bg-green" lay-percent="60%"></div>
							</div>
							PHP:
							<div class="layui-progress layui-progress-big" lay-showPercent="true">
								<div class="layui-progress-bar layui-bg-orange" lay-percent="50%"></div>
							</div>
							jQuery:
							<div class="layui-progress layui-progress-big" lay-showPercent="true">
								<div class="layui-progress-bar layui-bg-red" lay-percent="30%"></div>
							</div>
							CSS:
							<div class="layui-progress layui-progress-big" lay-showPercent="true">
								<div class="layui-progress-bar layui-bg-pink" lay-percent="70%"></div>
							</div>
						</div>
					</div>
					<!-- 联系方式 -->
					<div class="layui-card">
						<div class="layui-card-header layui-bg-blue">
							<span class="layui-icon layui-icon-cellphone-fine"></span>联系方式
						</div>
						<div class="layui-card-body" align="left">
							<form class="layui-form">
								<div class="layui-form-item">
									<label class="layui-form-label"><b>E-mail：</b></label>
									<div class="layui-input-block">
										<input type="text" id="email" placeholder="请输入邮箱！" calss="layui-input" />
									</div>
								</div>
								<div class="layui-form-item">
									<label class="layui-form-label"><b>内&nbsp;&nbsp;容：</b></label>
									<div class="layui-input-block">
										<textarea class="layui-texera" cols="20" rows="5"></textarea>
									</div>
								</div>
							</form>
							<div class="layui-form-item" align="right">
								<a href="" class="layui-btn layui-btn-success">
									<span class="layui-icon layui-icon-ok-circle" style="width:35px;height:15px;"></span>Send</a>

							</div>
						</div>
					</div>
				</div>



				<div class="layui-col-md9 ">
					<!-- 自我介绍 -->
					<div class="layui-card">
						<div class="layui-card-body layui-bg-gray" style="font-size: 16px;">
							&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;本人来自天津市津南区海河教育园区天津中德应用技术大学软件工程4班，
							精通<code style="color:#0000FF;">HTML5</code>，<code style="color:#0000FF;">CSS3</code>，<code style="color:#0000FF;">Javascript</code>
							等网页开发技术，熟练掌握<code style="color:#0000FF;">Hbuilder</code>,<code style="color:#0000FF;">Git</code>等开发工具。
							<br><br>
							<div align="right">
								<a href="" class="layui-btn layui-btn-lg layui-btn-bg-blue" style="width:120px;height:32px;font-size:16px;">
									<span class="layui-icon-share">了解更多...</span></a>
							</div>
						</div>
					</div>
					<!-- 教育经历 -->
					<div class="layui-collapse">
						<div class="layui-colla-item">
							<div class="layui-colla-title">工作经验</div>
							<div class="layui-colla-content layui-show">
								<table class="layui-table" lay-even>
									<!-- 工作经历 -->
									<tr>
										<td>序号</td>
										<td>起止时间</td>
										<td>工作单位</td>
										<td>联系人</td>
										<td>备注</td>
									</tr>
									<tr>
										<td><input type="checkbox" id="idA"></td>
										<td>2011~2019</td>
										<td>中德应大</td>
										<td>杨顺</td>
										<td>13838383838</td>
									</tr>
								</table>
							</div>
						</div>
					</div>
					<div class="layui-collapse">
						<div class="layui-colla-item">
							<div class="layui-colla-title">教育经历</div>
							<div class="layui-colla-content layui-show">
								<table class="layui-table" lay-even>
									<!-- 教育经历 -->
									<tr>
										<td>序号</td>
										<td>起止时间</td>
										<td>工作单位</td>
										<td>联系人</td>
										<td>备注</td>
									</tr>
									<tr>
										<td><input type="checkbox" id="idA"></td>
										<td>2011~2019</td>
										<td>中德应大</td>
										<td>杨顺</td>
										<td>13838383838</td>
									</tr>
								</table>
							</div>
						</div>
					</div>
					<!-- 图片轮播 -->
					<div class="layui-card">
						<div class="layui-card-header">获奖证书</div>
						<div class="layui-card-body">
							<div class="layui-carousel" id="certify">
								<div carousel-item>
									<div><img style="width:100%;height:100%;" src="img/1.jpg"></div>
									<div><img style="width:100%;height:100%;" src="img/2.jpg"></div>
									<div><img style="width:100%;height:100%;" src="img/3.jpg"></div>
									<div><img style="width:100%;height:100%;" src="img/4.jpg"></div>
								</div>
							</div>
						</div>
					</div>

				</div>
			</div>
		<!--</div>-->
		<script>
			layui.use(['element','carousel'] ,function() {
				var element = layui.element;
				var carousel = layui.carousel;
				//建造实例
				carousel.render({
					elem: '#certify',
					autoplay:true,
					width: '100%',
					interval: 800
					,arrow: 'always'
					,anim: 'default'

				});

			});
		</script>
		<div class="layui-footer" align="center">
			<address>&copy;2019-2020 Powered By 天津中德应用技术大学</address>
		</div>
	</body>
</html>
